<template>
    <div id="app" class="sz-attendance-container">
        <AttendanceHeader :profile-name="msg" :profile-image-url="url" :dayInfo="timeinfo"></AttendanceHeader>
        <AttendanceMain :account="allAttendance" :missCardCount="missCard" :outerCount="outerAttendance" :lateCount="lateCount" :AttendancePercentage="AttendancePercentage"></AttendanceMain>
        <go2top></go2top>
    </div>
</template>
<script>
import AttendanceHeader from "./component/header.vue";
import AttendanceMain from "./component/main.vue";
import go2top from "./component/go2top.vue";
export default {
  name: "Attendance--Root",
  components: {
    AttendanceHeader,
    AttendanceMain,
    go2top
  },
  data() {
    return {
      msg: "hzz",
      url: "http://owtz12sxf.bkt.clouddn.com/01.jpg",
      timeinfo: "2017-13",
      allAttendance: 17,
      lateCount: 1,
      missCard: 2,
      outerAttendance: 3,
      AttendancePercentage: 80
    };
  }
};
</script>